<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度云开放平台</title>
    <style>
        @media screen and (max-width: 600px) {

            #headLogo{
                margin-right: 0px;
            }
            .load{
                color: black;
            }
        }

    </style>
    <link href="../css/header.css" rel="stylesheet" type="text/css">
</head>
<body>
    <!--上栏导航-->
    <div id="header" >
        <div id="headLogo"><img src="../img/logo.png"></div>
        <div class="load"><a href="index.html">首页</a></div>
        <div class="load"><a>网盘开放能力</a>
            <ul>
                <li><a>基础能力</a></li>
                <li><a>图片能力</a></li>
                <li><a>存储能力</a></li>
                <li><a>音视频能力</a></li>
                <li><a>数据传输服务</a></li>
            </ul>
        </div>
        <div class="load"><a>百度小程序</a>
            <ul>
                <li><a>基础能力</a></li>
                <li><a>图片能力</a></li>
                <li><a>存储能力</a></li>
                <li><a>音视频能力</a></li>
                <li><a>数据传输服务</a></li>
            </ul>
        </div>
        <div class="load"><a>帮助和支持
            <ul>
            <li><a>基础能力</a></li>
            <li><a>图片能力</a></li>
            <li><a>存储能力</a></li>
            <li><a>音视频能力</a></li>
            <li><a>数据传输服务</a></li>
        </ul></a>

        </div>
        <div class="load" id="head-button">申请接入</div>
    </div>
    <!--中间部分模块-->
    <div id="body">
        <!--滚动图-->
        <div id="bg-body">
          <!--  <div id="left"></div>
                <div>
                    <span>拥抱未来，开放共赢</span>
                    <div>立即申请</div>
                </div>-->
            <div id="right"></div>
        </div>
        <!--平台优势-->
        <div id="body-good">
           <div id=" good-head"><h3>/<span>平台优势</span>/</h3></div>
            <div id="good-min" >
                <!--亿级用户-->
                <div class="minSpeak"><img src="../img/yi.png">
                    <br><span>亿级用户</span>
                    <p>每日有上亿量级用户使用百度网盘的云存储服务，用户规模和市场占有率在行业内一直处于领先地位</p>
                </div>
                <!--技术领先-->
                <div class="minSpeak"><img src="../img/platform.png">
                    <br><span>技术领先</span>
                    <p>分布式存储、虚拟化计算、多机房架构处于行业领先</p>
                </div>
                <!--业界口碑-->
                <div class="minSpeak"><img src="../img/xing.png">
                    <br><span>业界口碑</span>
                    <p>百度网盘一直秉持满足用户及第三方合作伙伴的需求，获得业界认可与好评</p>
                </div>
            </div>
        </div>
        <!--应用场景-->
        <div id="body-user">
            <div style="height: 50px"> </div>
            <div id=" user-head"><h3>/<span>应用场景</span>/</h3>
                <div style="height: 60px"> </div>
            <div id="user-min">
            <div id="work">
                <div style="height: 130px"> </div>
                <span>办公场景</span>
            </div>
            <div id="home">
                <div style="height: 130px"> </div>
                <span>家庭智能终端</span></div>
            <div id="data">
                <div style="height: 130px"> </div>
                <span>数据传输场景</span></div>
            <div id="play">
                <div style="height: 130px"> </div>
                <span>娱乐场景</span></div>
        </div>
        <div id="jie-s-hao">
                <li>百度网盘引入合作伙伴的文档、图片处理能力，为用户提供更加便捷的办公服务</li>
            </ul>
        </div>
           </div>
        </div>


    </div>
    <!--开放资源-->
    <div id="open">
        <div style="height: 60px"></div>
        <div><h3>/<span>开放资源</span>/</h3></div>
        <div class="model">
                <div >
                    <img src="../img/logoa.png" width="98px" height="86px">
                    <br>
                    <span>百度网盘开放平台</span>
                    <br>提供基于百度网盘个人云存储服务的全场景解决方案
                </div>
            <div class="footer">
                <a>基础能力》</a>
                <a>图片能力》</a>
                <a>音视频能力》</a>
                <a>远程数据管理》</a>
                <a>数据传输服务》</a>
            </div>
        </div>
        <div class="modelS">
                <img src="../img/ability-logo2.png"><br>
                <span>百度小程序</span><br>
                百度网盘携手百度小程序，共建繁荣开放生态
            <div class="footer">
                <a>基础能力》</a>
                <a>图片能力》</a>
                <a>音视频能力》</a>
                <a>远程数据管理》</a>
                <a>数据传输服务》</a>
            </div>
        </div>
    </div>
    <!--下面部分-->
    <div id="footer">
        <div id="footer-header">
            <br>
            <span> 我们的愿景</span><br>
            <br>
            基于个人云存储的生态能力开放，为生态伙伴创造共赢的商业模式
            <br>
            <div class="button">申请接入</div>
        </div>
    </div>
    <div id="footer-foot">
        <div id="email">合作邮箱 &nbsp; &nbsp; &nbsp;Email: mars-union@baidu.com
        </div>
    </div>
</body>
</html>